<template>
  <ul class="goods-list-top">
    <li v-for="item in goods" :key="item.id">
      <RouterLink to="/">
        <img v-lazys="item.picture" :src="load" alt="" />
        <p class="name">{{ item.title || item.name }}</p>
        <p :class="{ desc: item.alt, price: item.price }">
          <span v-if="item.price">￥</span>{{ item.alt || item.price }}
        </p>
      </RouterLink>
    </li>
  </ul>
</template>

<script>
export default {
  props: {
    goods: {
      type: Array,
      default: () => []
    }
  }
}
</script>

<style lang="less" scoped>
</style>
